<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script type="text/javascript" src="../js/lib/jquery-1.7.1.min.js"></script>  
<script>
	$(document).ready(function(){
		if($("#category").val() == "square"){
			$("a.square").addClass("on");
			$(".navi.destination").hide();
			//alert("now location disapear");
			
		}
		if($("#category").val() == "location"){
			$("a.destination").addClass("on");			
			$(".navi.square").hide();
			//alert("now square disapear");
		}
	});
</script>  

	<div id="header">
		<div class="wrapper">
			<h1>
				<a href="${pageContext.request.contextPath}/main/mainView.htm"><img src="../image/layout/logo_header.png" /></a>
			</h1>
			<ul class="g-navi">
 				<li><a class="square" href="${pageContext.request.contextPath}/square/theme.htm">여행광장</a></li>
				<li><a class="destination " href="${pageContext.request.contextPath}/location/AllTravelRoad.htm">여행지</a></li>

			</ul>
			<ul class="member">
				<li class="join"><a class="menu" href="${pageContext.request.contextPath}/member/signup.htm">회원가입</a>
					<div class="sns" style="display: none">
						Facebook, Twitter 계정으로도<br /> 회원 가입 및 로그인이 가능합니다.
						<p>
							<input type="checkbox" id="cb-join-sns" /><label
								for="cb-join-sns">다시 보지 않기</label>
						</p>
					</div>
				</li>
				<li class="login"><a class="menu require-login" href="login.htm">로그인</a></li>
				<li class="ccenter"><a class="menu require-login" href="${pageContext.request.contextPath}/customer/ccenter.htm">고객센터</a></li>				
			</ul>
		</div>
		<div class="shadow" style="display: none"></div>
	</div>


<div id="sub-header">
	<div class="wrapper">
		<form class="search" action="/search">
			<span class="placeholder" style="display: block">SEARCH
				TRAVELRO</span> <input class="keyword" type="text" name="keyword" /> <input
				class="btn-submit" type="image" src="../image/common/btn_search.png" />
		</form>
		<ul class="navi square">
  		    <li><a class=""
				href="${pageContext.request.contextPath}/square/talk.htm">여행 Talk</a></li>
					
			<li><span>|</span><a class=""
				href="${pageContext.request.contextPath}/square/theme.htm">테마여행</a></li>
				<!-- <img class="new" src="../image/common/ico_new.png" /></li> -->	
		</ul>
				
		<ul class="navi destination">
  		    <li><a class=""
				href="${pageContext.request.contextPath}/location/AllTravelRoad.htm">여행 길</a></li>					
			<li><span>|</span><a class=""
				href="${pageContext.request.contextPath}/location/Allspot.htm">전체스팟</a>
				<!-- <img class="new" src="../image/common/ico_new.png" /></li> -->		
		</ul>
	</div> 
</div>

